<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 10:53:37
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 18:11:42
 * @FilePath: /wuniubi/src/components/SCrollView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <!--========== FOOTER ==========-->
    <footer class="footer section">
      <div class="footer__container bd-container bd-grid">
        <!-- <div class="footer__content">
                <h3 class="footer__title">
                    <a href="#" class="footer__logo">西里美妆</a>
                </h3>
                <p class="footer__description">东方美学</p>
            </div> -->

        <div class="footer__content">
          <h3 class="footer__title">我们的服务项</h3>
          <ul>
            <li><a href="#" class="footer__link">美妆 </a></li>
            <li><a href="#" class="footer__link">摄影跟拍</a></li>
            <li><a href="#" class="footer__link">婚纱礼服</a></li>
          </ul>
        </div>

        <div class="footer__content">
          <h3 class="footer__title">我的工作室</h3>
          <ul>
            <!-- <li><a href="#" class="footer__link">Blog</a></li> -->
            <li><a href="#" class="footer__link">关于我们</a></li>
            <li><a href="#" class="footer__link">排除误解</a></li>
          </ul>
        </div>

        <div class="footer__content">
          <h3 class="footer__title">社交服务</h3>
          <a href="#" class="footer__social"
            ><i class="bx bxl-facebook-circle"></i
          ></a>
          <a href="#" class="footer__social"><i class="bx bxl-twitter"></i></a>
          <a href="#" class="footer__social"
            ><i class="bx bxl-instagram-alt"></i
          ></a>
        </div>
      </div>

      <p class="footer__copy">&#169; 2024 Bedimcode. All right reserved</p>
    </footer>
  </div>
</template>

<script>
import scrollReveal from "scrollreveal";
export default {
  name: "App",
  data() {
    return {
      scrollReveal: scrollReveal(),
    };
  },
  mounted() {
    this.scrollReveal.reveal(".reveal-top", {
      // 动画的时长
      // duration: 1000,
      // // 延迟时间
      // delay: 500,
      // // 动画开始的位置，'bottom', 'left', 'top', 'right'
      // origin: "top",
      // // 回滚的时候是否再次触发动画
      // reset: false,
      // // 在移动端是否使用动画
      // mobile: false,
      // // 滚动的距离，单位可以用%，rem等
      // distance: "200px",
      // // 其他可用的动画效果
      // opacity: 0.001,
      // easing: "linear",
      // scale: 0.9,
      distance: "30px",
      duration: 1800,
      reset: true,
    });
  },
  components: {},
};
</script>

<style lang="scss"></style>
